<div>
  <yu-panel title="业务配置">
    <template slot="right">
      <yu-toolBar>
        <el-button @click="addFn">新增</el-button>
        <el-button @click="modifyFn">修改</el-button>
        <el-button @click="deleteFn">删除</el-button>
      </yu-toolBar>
    </template>
    <yu-xform v-model="formdata" related-table-name="reftable" form-type="search">
      <yu-xform-group :column="4">
        <yu-xform-item label="业务类型" placeholder="业务类型" ctype="input" name="bizType"></yu-xform-item>
        <yu-xform-item label="流程编号" placeholder="流程编号" ctype="num" name="flowId"></yu-xform-item>
        <yu-xform-item label="流程名称" placeholder="流程名称" ctype="input" name="flowName"></yu-xform-item>
      </yu-xform-group>
    </yu-xform>
    <el-table-x ref="reftable" :row-index="true" :checkbox="false" :base-params="baseParams" :data-url="urls.index"
      :table-columns="tableColumns" @custom-row-op="customRowOp"></el-table-x>
  </yu-panel>
  <!--新增弹框-->
  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="newdialogVisible" width="750px">
    <el-form-x ref="reform" :group-fields="newFields" label-width="120px">
    </el-form-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="sureAdd">确 定</el-button>
      <el-button @click="newdialogVisible = false">取 消</el-button>
    </div>
  </el-dialog-x>
  <!--修改弹框-->
  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="editdialogVisible" width="750px">
    <el-form-x ref="editform" :group-fields="editFields" label-width="120px">
    </el-form-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="sureModify">确 定</el-button>
      <el-button @click="editdialogVisible = false">取 消</el-button>
    </div>
  </el-dialog-x>

  <!--流程业务关联节点详情框-->
  <el-dialog-x :title="viewTitle[viewType]" :visible.sync="bizNodedialogVisible" width="1100px"
    @open="refreshBizNodeConfig">
    <yu-toolBar>
      <el-button @click="newBizNodeConfig">新增</el-button>
      <el-button @click="deleteBizNodeConfig">删除</el-button>
    </yu-toolBar>
    <el-table-x ref="bizNodeTable" :data-url="urls.bizNode" :base-params="bizNodeParams"
      :table-columns="bizNodeTableColumns" @custom-row-op="customRowOp">
    </el-table-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="bizNodedialogVisible = false">确 定</el-button>
      <el-button @click="refreshBizNodeConfig">刷 新</el-button>
    </div>
  </el-dialog-x>
  <!--配置节点弹框-->
  <el-dialog-x :title="viewTitle[configType]" :visible.sync="configdialogVisible" width="750px">
    <el-form-x ref="configform" :group-fields="configFields" label-width="80px"></el-form-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="sureConfig">确 定</el-button>
      <el-button @click="configdialogVisible = false">取 消</el-button>
    </div>
  </el-dialog-x>

  <!--流程标识及名称选取框-->
  <el-dialog-x :title="viewTitle[title]" :visible.sync="flowdialogVisible" height="360px" width="750px">
    <el-form-q ref="search" form="queryflow" :field-data="queryflowFileds" search-table="flowList"
      :buttons="flowButtons"></el-form-q>
    <el-table-x ref="flowList" :data-url="urls.getFlowUrl" :base-params="flowParams" :table-columns="flowTableColumns">
    </el-table-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="returnflow">选取返回</el-button>
    </div>
  </el-dialog-x>
  <!--节点ID及名称选取框-->
  <el-dialog-x :title="viewTitle[title]" :visible.sync="nodedialogVisible" width="750px">
    <el-table-x ref="nodeTable" :data-url="urls.getNodeUrl" :base-params="nodeParams" :table-columns="nodeTableColumns">
    </el-table-x>
    <div slot="footer" align="center">
      <el-button type="primary" @click="returnNode">选取返回</el-button>
    </div>
  </el-dialog-x>
</div>